﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index2.aspx.cs" Inherits="EarringsRecommendationWeb.index2" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Index2</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./css/face.css">
   
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/fabric.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#form-nav-bar').load('navbar.html');
            $.getScript("js/Login.js", function () { });
        });
    </script>
</head>
<body>
    <div class="alert alert-success" role="alert" style="display:none; z-index: 1000; position: absolute; left:0px; top: 50px;">
      <span>populate alert</span>
    </div>
    <!-- Navigation -->
    <nav id="form-nav-bar" class="navbar navbar-inverse navbar-static-top" role="navigation">
    
        <!-- /.container -->
    </nav>
    <form runat="server">
        <div class="container">
        <div class="row">
            <div class="col-md-3">
                <p class="lead">
                    <img src="img/ShopName.png" />
                </p>
                <div class="list-group">
                    <p>ขั้นตอนการเลือกต่างหูให้เหมาะกับตัวคูณ</p>
                    <a href="index.aspx" class="list-group-item">1.คำนวณรูปหน้า</a>
                    <a href="index2.aspx" class="list-group-item active">2.ระบุข้อมูลอื่น ๆ ของผู้ใส่ต่างหู</a>
                    <a href="index3.aspx" class="list-group-item">ต่างหูที่ระบบแนะนำ</a>
                </div>
            </div>
            <div class="col-md-9">
               <div class="row">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                        <h3 class="panel-title" id="panel-earlobe-title"></h3>
                      </div>
                      <div class="panel-body form-inline"  id="div-earlobe">                        
                      </div>
                    </div>  
                </div>
                <div class="row">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                        <h3 class="panel-title" id="panel-earshape-title"></h3>
                      </div>
                      <div class="panel-body form-inline"  id="div-earshape">                        
                      </div>
                    </div>  
                </div>
                <div class="row">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                        <h3 class="panel-title" id="panel-hairstyle-title"></h3>
                      </div>
                      <div class="panel-body form-inline"  id="div-hairstyle">                        
                      </div>
                    </div>  
                </div>
                <div class="row">
                    <div class="panel panel-default">
                      <div class="panel-heading">
                        <h3 class="panel-title" id="panel-skin-color"></h3>
                      </div>
                      <div class="panel-body form-inline"  id="div-skin-color">                        
                      </div>
                    </div>  
                </div>
                <span>                   
                <asp:button  Id="btnNextStep3" text="ถัดไป" runat="server" CssClass="btn btn-info" OnClick="NextStep3" />
                   
                </span>
            </div>
        </div>
    </div>
    </form>
    <!-- Page Content -->
    
    <!-- /.container -->
    <div class="container">
        <hr>
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>
                        Copyright &copy; Your Website 2014
                    </p>
                </div>
            </div>
        </footer>
    </div>
    <!-- /.container -->
    <!-- Bootstrap Core JavaScript -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootbox.js"></script>
    <script type="text/javascript" src="js/draw.ui.js"></script>
   
</body>
</html>

